<template>
  <div v-if="visible" class="bk-toast">{{ message }}</div>
</template>

<script>
export default {
  data() {
    return {
      visible: false,
      message: "",
    };
  },
};
</script>

<style scoped>
.bk-toast {
  position: fixed;
  top: 50%;
  left: 50%;
  background-color: #333;
  color: #fff;
  padding: 10px 20px;
  border-radius: 10px;
  transform: translate(-50%);
}
</style>